<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <head>
    <meta charset="UTF-8">
    <title>Boria | Multi purpose Responsive eCommerce HTML Template</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="shortcut icon" href="assets/img/weiyi.png" type="image/png">
    <link rel="stylesheet" href="assets/css/vendor/vendor.min.css" />
    <link rel="stylesheet" href="assets/css/plugin/plugins.min.css" />
    <link rel="stylesheet" href="assets/css/main.min.css">
    <script type="text/javascript" src="js/jquer.js"></script>
    <script type="text/javascript">
      $(function(){
        // $("#join").append("")
      })
    </script>
    <style>
      .w-body{
        margin-top: -100px;
        background-color: #F1F2ED;
        height: 600px;
      }
      .w-main{
        width: 80%;
        height: 550px;
        background-color: white;
        margin: 0 auto;
        position: relative;
      }
      .w-top{
        position: absolute;
        width: 94%;
        height: 500px;
        left: 3%;
        top: 20px;

      }
      .xd{
        width: 895px;
        height: 100px;
        margin-top: 30px;
        position: relative;
        margin-left: 25%;
        margin-top: 15%;
      }
      .xd-left{
        position: absolute;
        top: 5px;
        left: 10px;
      }
      .xd-right-top{
        position: absolute;
        top: 5px;
        left: 100px;
        font-size: 24px;

      }

      .xd-right-bottom{
        position: absolute;
        top: 56px;
        left: 250px;
        font-size: 16px;
        color: #999;
        line-height: 36px;
      }
      .xd-right-bottom a{
        color: rgb(175, 39, 39);
      }
      .zffs{
        font-size: 18px;
      }
      .w-botton{
        margin-top: 40px;
        font-size: 16px;
        line-height: 20px;
      }
      .w-botton span{
        font-size: 24px;
      }

    </style>
  </head>

<body>
<header>
  <div class="header header--1 d-none d-xl-block">
    <div class="header__tag">
      <div class="container">
        <div class="row">
          <div class="col-12">
            <p class="header__tag-title text-center" th:text="|欢迎用户${#session.getAttribute('user').name}|"></p>
          </div>
        </div>
      </div>
    </div>
    <div class="header__middle sticky-header header__color--silver p-tb-10 d-flex align-items-center">
      <div class="container">
        <div class="row align-items-center">
          <div class="col-xl-4 d-flex align-items-center">
            <!-- Start Logo -->
            <div class="header__logo header__logo--1">
              <a href="index.html" class="header__logo-link img-responsive">
                <img class="header__logo-img img-fluid" src="assets/img/logo/vans.jpg" alt="">
              </a>
            </div>
            <form class="header__search-form" action="#">
              <div class="header__search-input">
                <button type="submit">
                  <i class="ion-ios-search-strong"></i>
                </button>
                <input type="search" placeholder="搜索卫衣" required>
              </div>
            </form>
          </div>
          <div class="col-xl-8 d-flex align-items-center justify-content-between">
            <div class="header-menu">
              <nav>
                <ul class="header__nav">
                  <!--Start Single Nav link-->
                  <li class="header__nav-item pos-relative"><a href="#" class="header__nav-link header__nav-link--white header__nav-link--white-hover-white">主页 <i class="ion-ios-arrow-down"></i></a>
                    <!--Single Dropdown Menu-->
                    <ul class="dropdown__menu pos-absolute">
                      <li class="dropdown__list"><a href="index.html" class="dropdown__link">新款卫衣</a></li>
                      <li class="dropdown__list">
                        <a href="index-2.html" class="dropdown__link">新款卫衣</a>
                      </li>
                      <li class="dropdown__list"><a href="index-3.html" class="dropdown__link">新款卫衣</a></li>
                      <li class="dropdown__list"><a href="index-4.html" class="dropdown__link">新款卫衣</a></li>
                    </ul>
                    <!--Single Dropdown Menu-->
                  </li>
                  <!-- End Single Nav link-->
                  <!--Start Single Nav link-->
                  <li class="header__nav-item pos-relative"><a href="#" class="header__nav-link header__nav-link--white header__nav-link--white-hover-white">Shop <i class="ion-ios-arrow-down"></i></a>

                  </li>
                  <!-- Start Single Nav link-->
                  <!--Start Single Nav link-->
                  <li class="header__nav-item pos-relative"><a href="#" class="header__nav-link header__nav-link--white header__nav-link--white-hover-white">新品推荐<i class="ion-ios-arrow-down"></i></a>
                    <!-- Megamenu Menu-->

                    <!-- Megamenu Menu-->
                  </li>
                  <!-- Start Single Nav link-->
                  <!--Start Single Nav link-->
                  <li class="header__nav-item pos-relative"><a href="#" class="header__nav-link header__nav-link--white header__nav-link--white-hover-white">社区<i class="ion-ios-arrow-down"></i></a>
                    <!--Single Dropdown Menu-->
                    <ul class="dropdown__menu pos-absolute">
                      <li class="dropdown__list"><a href="myPj" class="dropdown__link">我的动态</a>

                      </li>
                      <li class="dropdown__list">
                        <a href="goPj" class="dropdown__link">精选评价</a>

                      </li>
                      <li class="dropdown__list">
                        <a href="#" class="dropdown__link"></a>

                      </li>
                    </ul>
                    <!--Single Dropdown Menu-->
                  </li>
                  <!-- End Single Nav link-->
                  <!--Start Single Nav link-->
                  <li class="header__nav-item pos-relative"><a href="#" class="header__nav-link header__nav-link--white header__nav-link--white-hover-white">品牌分类<i class="ion-ios-arrow-down"></i></a>
                    <!--Single Dropdown Menu-->
                    <ul class="dropdown__menu pos-absolute">
                      <li class="dropdown__list"><a href="about.html" class="dropdown__link">冠军</a></li>
                      <li class="dropdown__list">
                        <a href="frequently-questions.html" class="dropdown__link">VANS</a>
                      </li>
                      <li class="dropdown__list">
                        <a href="privacy-policy.html" class="dropdown__link">李宁</a>
                      </li>
                      <li class="dropdown__list">
                        <a href="404.html" class="dropdown__link">匡威</a>
                      </li>
                    </ul>
                    <!--Single Dropdown Menu-->
                  </li>
                  <!-- End Single Nav link-->
                  <!--Start Single Nav link-->
                  <li class="header__nav-item pos-relative"><a href="contact.html" class="header__nav-link header__nav-link--white header__nav-link--white-hover-white">关于我们</a></li>
                  <!-- End Single Nav link-->
                </ul>
              </nav>
            </div>
            <!-- End Header Menu -->
            <!-- Start Wishlist-AddCart -->
            <ul class="header__user-action-icon">
              <!-- Start Header Add Cart Box -->
              <li class="header-add-cart pos-relative"><a href="wishlist" class="offcanvas-toggle"><i class="ion-bag"></i><span class="wishlist-item-count wishlist-item-count--red pos-absolute" th:text="${#session.getAttribute('cartNum')}">3</span></a></li>
              <!-- End Header Add Cart Box -->
              <!-- Start Header User Offcanvas -->
              <li class="header-user-sidebar pos-relative"><a href="myOrder" class="offcanvas-toggle"><i class="ion-navicon-round"></i></a></li>
              <!-- End Header User Offcanvas -->
            </ul>
          </div>
        </div>
      </div>
    </div>
    <div class="header__mobile mobile-header--1 d-block d-xl-none">
      <div class="container">
        <div class="row align-items-center justify-content-between">
          <div class="col-4">
            <ul class="header__mobile--leftside d-flex align-items-center justify-content-start">
              <li>
                <a href="#offcanvas-mobile-menu" class="offcanvas-toggle">
                  <i class="ion-navicon-round"></i>
                </a>
              </li>
              <li>
                <div class="header__mobile-logo">
                  <a href="index" class="header__mobile-logo-link">
                    <img src="assets/img/logo/logo-color-red.png" alt="" class="header__mobile-logo-img img-fluid">
                  </a>
                </div>
              </li>
            </ul>
          </div>
          <div class="col-8">
            <ul class="header__mobile--rightside d-flex align-items-center justify-content-end">
              <li class="pos-relative">
                <button class="popup__search-box">
                  <i class="fal fa-search"></i>
                </button>
                <form id="header__popup-search-form" class="header__popup-search-form pos-absolute" action="#">
                  <div class="d-flex">
                    <input type="search" placeholder="搜索卫衣" required>
                    <button class="btn btn--submit btn--black" type="submit">
                      <i class="fal fa-search"></i>
                    </button>
                  </div>
                </form>
                <!-- End Header Add Cart Box -->
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <div id="offcanvas-add-cart__box" class="offcanvas offcanvas-cart offcanvas-add-cart">
      <div class="offcanvas__top">
                    <span class="offcanvas__top-text">
                            <i class="ion-bag"></i>
                        </span>
        <button class="offcanvas-close">
          <i class="fal fa-times"></i>
        </button>
      </div>
    </div>
  </div>
</header>
<!--::::::End Header Section::::::-->
<!--::::::Start Breadcrumb Section::::::-->
<div class="page-breadcrumb" style="height: 20px; background-color:#424c50;"></div>
<div class="w-body">
  <div class="w-main">
    <div class="w-top">
      <div class="xd">
        <div class="xd-left"> <img src="assets/img/icon/success.jpg"></div>
        <div class="xd-right-top">订单支付成功点击下方联接可查看订单详情<br></div>
        <div class="xd-right-bottom"><a href="myOrder">点击进入我的订单</a></div>
      </div>
    </div>
  </div>
</div>

</body>
</html>
